.header {
    background-color: #f4483e;
    display: flex;
    text-align: center;
    .h1 {
        flex: 1;
        font-size: .8rem /* 40/50 */;
        margin: 0;
        height: 2rem /* 100/50 */;
        line-height: 2rem /* 100/50 */;
        font-weight: 700;
        color: #ffffff;
    }
    .hea-a {
        height: 2rem /* 100/50 */;
        line-height: 2.2rem /* 110/50 */;
        i {
            font-size: .6rem /* 30/50 */;
            color: #fff;
            font-weight: 700;
            margin-left: .4rem /* 20/50 */;
            
        }
    }
}

//coupon
.coupon {
    padding: .4rem /* 20/50 */ .2rem /* 10/50 */;
    
    background-color: #fff;
    .cou-box {
        display: flex;
        flex-wrap: wrap;
        
        text-align: center;
        li {
            border: 1px solid #eee;
            width: 30%;
            padding: .2rem /* 10/50 */;
            margin-right: .08rem /* 4/50 */ ;
            margin-bottom: .16rem /* 8/50 */ ;
            img {
                margin: 0 auto;
                display: block;
                width: 2.4rem /* 120/50 */;
                height: 2.4rem /* 120/50 */;
                // background-color: pink;
            }
            p {
                color: #000000;
            }
        }
    }
}
